@media screen and (max-width: 767px) {
  html {
    font-size: 14px;
  }
}

/* 中等屏幕设备 (平板) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  html {
    font-size: 15px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1920px) {
  html {
    font-size: 19.2px;
  }
}

@media screen and (min-width: 1921px) {
  html {
    font-size: 38.4px;
  }
}

@font-face {
  font-family: bigMenu;
  src: url(@/assets/font/Alimama_ShuHeiTi_Bold.ttf);
}

@font-face {
  font-family: smallMenu;
  src: url(@/assets/font/SOURCEHANSANSCN-MEDIUM.OTF);
}

@font-face {
  font-family: mei;
  src: url(@/assets/font/meiryo2.ttf);
}

/* @font-face {
  font-family: mei;
  src: url(@/assets/font/SOURCEHANSANSCN-MEDIUM.OTF);
} */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  user-select: none;
  font-family: mei;
}


.useAll {
  min-width: 3.6vw;
  padding: 0 0.4vw;
  line-height: 3.15vh;
  text-align: center;
  color: white;
  font-weight: 400;
  font-size: 1vw;
}

.topFenallContain {
  width: 100%;
  height: 43vh;
  background: white;




}

.topFenallContain .top {
  width: 13vw;
  line-height: 5.9vh;
  background: url(@/assets/img/top1.png);
  background-size: 100% 100%;
  color: white;
  font-size: 1.2vw;
  font-weight: 600;
  text-indent: 1em;
  font-family: smallMenu;
}

.topFenallContain .top1 {
  width: 10vw;
  line-height: 5.9vh;
  background: url(@/assets/img/top2.png);
  background-size: 100% 100%;
  color: white;
  font-size: 1.2vw;
  font-weight: 600;
  text-indent: 1em;
  font-family: smallMenu;
}

.cell {
  height: auto !important;
  line-height: 2.5vh;
  min-height: 2.5vh !important;
  padding-top: 0.5vh !important;
  padding-bottom: 0 !important;
}



/* .el-menu {
  width: 10vw;
} */

.el-menu-item-group__title {
  padding: 0 0px !important;
  /* 调整内边距 */
  color: #ff0000 !important;
  /* 修改文字颜色 */
  font-size: 14px !important;
  /* 调整字体大小 */
  font-weight: bold !important;
  /* 加粗 */
  background-color: #f5f5f5 !important;
  /* 背景色 */
}

.el-sub-menu__title {
  background-color: #efeef3 !important;
  padding-left: 5px !important;
}

.pageContain {
  width: calc(100% - 1vw);
  height: 100%;
  margin: auto;
}

.divFlex {
  display: flex;
  align-items: center;
}

.divJustFlex {
  display: flex;
}

.divCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.divLeft {
  display: flex;
  align-items: center;
}

.divBeteewn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.divFlexEnd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.divFlexStart {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.divFlexCente {
  display: flex;
  align-items: center;
}

.divFlexAround {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}

.divflexColumn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.pageContain .pageTop {
  width: 8.7vw;
  height: 4.1vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5vw;
  background: #0098FF;
  color: white;
  border-radius: 0.5vw;
}

.pageContain .pageTopContain {
  margin-top: 2vh;
}

.pageContain .table {
  width: 100%;
  margin-top: 2.2vh;
  position: relative;
}



.buttonDelete {
  /* width: 50px; */
  color: #0098FF;
}

.sureAndCancel {
  width: 17.5vw;
  height: 4.75vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  margin-top: 5vh;
  padding-bottom: 5vh;
}

.close {
  width: 2.1vw;
  height: 2.1vw;
  background: url(@/assets/img/rb/close.png);
  background-size: 100% 100%;
  position: absolute;
  right: 1vw;
  top: 1.5vh;
}

.optContain {
  width: 100%;
  height: 100%;
  padding: 5px 5px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.tryListen {
  width: 73px;
  line-height: 37px;
  background: #0098FF;
  color: white;
  font-size: 1.2vw;
  border-radius: 0.5vh;
}

.listen {
  width: 34px;
  height: 33px;
}

.pointName {
  width: 100%;
  height: 4vh;
  color: black;
  font-size: 1.5vw;
  margin-bottom: 2vh;
}

/* .dialog {
  width: 43.3vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
} */

.dialogContain {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #366dee, #0098ff);
  position: relative;
}





.el-checkbox__label {
  color: black !important;
  font-size: 18px !important;
}

.el-input__inner {
  color: black;
  /* 红色文字 */
}

/* 修改特定 el-input 的文字颜色 */
.custom-input .el-input__inner {
  color: #bec0c5;
  /* 蓝色文字 */
}

.el-date-picker .el-input__wrapper .el-input__inner {
  color: #bec0c5;

  /* 红色文字 */
}

.el-select__wrapper {
  box-shadow: 0 0 0 1px #0281B8 inset;
}

.el-input__wrapper {
  box-shadow: 0 0 0 1px #0281B8 inset;
}


/* .el-table__row:hover {
  cursor: pointer;
  background-color: #C2EBFA !important;
  border: 5px solid black !important;
} */

.addOneButton {
  width: 8vw;
  height: 4vh;
  background-color: #005EBC;
  /* border-radius: 5px; */
  font-size: 1vw;
  color: white
}

.dialog {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(10, 96, 188, 0.3);
  z-index: 1;
}

.dialog .dialogInner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

}

.dialogInnerText {
  width: 40%;
  /* min-width: 600px; */
  background-color: #FFFFFF;
  /* background: blue; */
}

.dialogTop {
  /* width: 58vw; */
  height: 7.78vh;
  background: url(@/assets/img/dialogLine.png);
  background-size: 100% 100%;
  position: relative;
}

.dialogTop1 {
  width: 56vw;
  margin: auto
    /* background-color: #EBEBEB; */
    /* border-bottom: 1px solid #828282; */
}

.dialogName {
  /* padding-left: 10px;
   */
  color: white;
  font-weight: 600;
  font-size: 2vw;
}

.dialogClose {
  width: 2vw;
  height: 2vw;
  background: url(@/assets/img/close.png);
  position: absolute;
  background-size: 100% 100%;
  top: 2vh;
  right: 1.5vw
}

.dubleButton {
  width: 100%;
  padding-bottom: 10vh;
}

.cancelButton,
.sureButton {
  width: 5.7vw;
  height: 3.9vh;
  background: #26c400;
  color: white;
  padding: 0 10px;

}

.sureButton {
  margin-left: 20px;
}

.dialogTips {
  width: 100%;
  height: 18.5vh;
  font-size: 1.5vw;
  color: black;
}

.custom-checkbox.el-checkbox__label {
  font-size: 16px;
  /* 调整字体大小 */
}

.custom-checkbox .el-checkbox__inner {
  width: 20px;
  /* 调整复选框框的大小 */
  height: 20px;
  /* 调整复选框框的高度 */
}






.toRightOrLeft {
  width: 100%;
  height: 150px;
}

.dialogInnerSplice {
  display: flex;
  /* min-width: 700px; */
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.checkbox {
  zoom: 100%;
}

.checkbox1 {
  zoom: 200%;
}

.pageOut {
  width: 100%;
  height: 100%;
  background: #E6E7E7;
}

.pageContainBack {
  width: calc(100% - 2vw);
  height: 93vh;
  margin: auto;
  /* margin-top: 2vh; */
}